$(function () {
    //scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。
    $(window).scroll(function () {
        var scroHei = $(window).scrollTop();//滚动的高度
        if (scroHei > 200) {
            // $('.back-to-top').css('top', '300px');
            
            $('.back-to-top').fadeIn();
            
        } else {
            // $('.back-to-top').css('top', '-999px');
            $('.back-to-top').fadeOut();
            if($(window).scrollTop()===0){
                $('.back-to-top').css('animation', '');
            }
            
            
        }
    })
    
    /*点击返回顶部*/
    $('.back-to-top').click(function () {
        this.style = 'animation: to-top-fly 0.5s steps(1) infinite;'
        $('body,html').animate({
            scrollTop: 0,
            
        }, 600);
        // $('div').style = 'animation: div-to-top 0.5s steps(1) infinite;'
        // this.style = '';
        
    })
})



// (function () {
//     var firetop = document.getElementsByClassName('back-to-top');
//     //当有滚动时触发事件
//     window.onscroll = function () {
//         var num = window.scrollY; //获取滚动条的移动距离
//         var num1 = window.innerHeight; //屏幕可视区的高度
//         if (num > 200) {
//             firetop.style.display = 'block'; //让回到顶部的小火箭出现
//         } else if (num <= 0) {
//             firetop.style.bottom = num1 + 'px'; //改变定位的位置
//         }
//     }
//     //点击事件
//     firetop.onclick = function () {
//         var scrolltop = window.scrollY;
//         var timer = setInterval(function () { //定时器启动
//             scrolltop -= 50;
//             if (scrolltop <= -window.innerHeight) {
//                 firetop.style.display = 'none'; //小火箭隐藏
//                 firetop.style.animation = ''; //清除动画
//                 firetop.style.bottom = 0 + 'px'; //还原小火箭位置
//                 clearInterval(timer);
//             }
//             window.scrollTo(0, scrolltop); //设置滚动条距离顶部的距离
//         }, 30);
//         this.style = 'animation:to-top-fly 0.5s steps(1) infinite;' //给动画
//     }

// })();
